<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <title>纽曼电器首页</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            text-decoration: none;
            list-style: none;
        }

        header {
            width: 1200px;
            height: 70px;
            margin: 20px auto 0px auto;
        }

        header>.logo {
            width: 160px;
            height: 65px;
            margin-right: 190px;
            float: left;
        }

        header>.nav-box {
            float: left;
        }

        header>.nav-box>li {
            float: left;
            margin-right: 50px;
            width: 67px;
            height: 70px;
            line-height: 60px;
            box-sizing: border-box;
            cursor: pointer;
        }

        header>.nav-box>li:hover {
            border-bottom: 3px solid #01a1ff;
        }

        header>.nav-box>li>a {
            color: #333;
            font-size: 16px;
        }

        header>.nav-box>li:hover>a {
            color: #01a1ff;
            text-decoration: none;
        }

        header>.header-right {
            float: right;
        }

        header>.header-right>span {
            display: inline-block;
            padding: 13px;
            box-sizing: border-box;
            margin-top: 6px;
            cursor: pointer;
        }

        header>.header-right>.active {
            border: 1px solid #666;
        }

        .lunbo-box {
            width: 100%;
            height: 380px;
        }

        .lunbo-box>.slide>.carousel-indicators>.active {
            background-color: #01a1ff;
        }

        .carousel-indicators li {
            background-color: #999;
            border: none;
        }

        section {
            width: 1200px;
            margin: 0 auto;
        }

        section>.title>p:nth-of-type(1) {
            font-size: 34px;
            font-weight: bold;
            color: #000;
            text-align: center;
            margin-bottom: -3px;
        }

        section>.title>p:nth-of-type(2) {
            font-size: 14px;
            color: #666;
            text-align: center;
            margin-top: 20px;
            padding: 0 95px;
        }

        .under-line {
            width: 40px;
            height: 5px;
            background-color: #01a1ff;
            margin: 0 auto;
        }

        .information {
            width: 1200px;
            height: 300px;
            margin-bottom: 100px;
            margin-top: 50px;
        }

        .information>li {
            float: left;
            width: 22%;
            margin-right: 4%;
            padding: 0 2%;
            box-sizing: border-box;
        }

        .information>li:nth-of-type(4) {
            margin-right: 0;
        }

        .information>li>p {
            margin-top: 20px;
            color: #999;
            font-size: 12px;
        }

        .puduct {
            height: 270px;
            margin-top: 50px;
            margin-bottom: 120px;
        }

        .puduct>img {
            width: 100%;
        }

        section>.news {
            width: 100%;
        }

        section>.news>.news-left {
            width: 550px;
            float: left;
        }

        section>.news>.news-right {
            width: 615px;
            float: right;
        }

        .news {
            height: 420px;
        }

        .news-left,
        .news-right {
            margin-top: 40px;
        }

        .time-box {
            width: 70px;
            height: 80px;
            box-sizing: border-box;
            border: 1px solid #01a1ff;
            position: relative;
            float: left;
        }

        .time-box>span {
            font-size: 40px;
            color: #01a1ff;
            display: block;
            text-align: center;
        }

        .time-bottom {
            position: absolute;
            bottom: 0;
            width: 70px;
            height: 20px;
            background-color: #01a1ff;
        }

        .time-bottom>span {
            font-size: 14px;
            color: white;
            display: block;
            text-align: center;
        }

        .news-title {
            float: right;
            width: 525px;
        }

        .news-title>span {
            font-size: 18px;
            color: #01a1ff;
        }

        .news-title>p {
            font-size: 12px;
            color: #999;
            margin-top: 10px;
        }

        .news-text {
            float: left;
            width: 615px;
            margin-top: 10px;
        }

        .news-text>ul>li {
            color: #666666;
            font-size: 14px;
            height: 37px;
            line-height: 37px;
            border-top: 1px dotted rgb(141, 141, 141);
        }

        .news-text>ul>li:last-of-type {
            border-bottom: 1px dotted rgb(141, 141, 141);
        }

        .news-text>ul>li>span {
            float: right;
        }

        .life>img {
            width: 1400px;
            display: block;
            margin: 0 auto;
        }

        footer {
            width: 100%;
            height: 330px;
            margin-top: 65px;
            background-color: #01a1ff;
        }

        .footer {
            width: 1200px;
            height: 288px;
            margin: 0 auto;
        }

        .footer>ul {
            float: left;
            margin-right: 100px;
            margin-top: 50px;
        }

        .footer>ul>li {
            width: 12px;
            color: white;
            width: 56px;
            margin-bottom: 15px;
        }

        .footer>ul>li>a:hover {
            text-decoration: none;
            color: rgb(195, 195, 195);
        }

        .footer>ul>li>a {
            color: white;
        }

        .footer>ul>li:nth-of-type(1) {
            width: 66px;
            height: 30px;
            font-size: 16px;
            border-bottom: 1px solid white;
        }

        .liuyan-box {
            width: 315px;
            height: 190px;
            float: right;
        }

        .liuyan-box>input {
            background-color: transparent;
            border: 1px solid white;
            color: white;
            outline: medium;
        }

        .liuyan-box>input:nth-of-type(1),
        .liuyan-box>input:nth-of-type(2) {
            width: 144px;
            height: 32px;
            margin-top: 50px;
        }

        .liuyan-box>input:nth-of-type(1) {
            float: left;
        }

        .liuyan-box>input:nth-of-type(2) {
            float: right;
        }

        .liuyan-box>input:nth-of-type(3) {
            width: 315px;
            height: 109px;
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 0;
        }

        .liuyan-box>input:nth-of-type(4) {
            width: 108px;
            height: 31px;
        }

        .copyright {
            width: 100%;
            height: 40px;
            border-top: 1px solid white;
            display: inline-block;
        }

        .copyright>p {
            text-align: center;
            color: white;
            font-size: 12px;
            margin-top: 15px;
        }
    </style>
</head>

<body>
    <header>
        <div class="logo">
            <img src="https://img.imgdb.cn/item/603cd71a5f4313ce256520f6.png" alt="">
        </div>
        <ul class="nav-box">
            <li><a href="">企业首页</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">新闻中心</a></li>
            <li><a href="">产品中心</a></li>
            <li><a href="">客户服务</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
        <div class="header-right">
            <span class="active">CN</span>
            <span>EN</span>
        </div>
    </header>
    <div class="lunbo-box">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="https://img.imgdb.cn/item/603ce3845f4313ce256bc54f.png">
                </div>
                <div class="item">
                    <img src="https://img.imgdb.cn/item/603ce3845f4313ce256bc552.png">
                </div>
                <div class="item">
                    <img src="https://img.imgdb.cn/item/603ce3845f4313ce256bc54f.png">
                </div>
                <div class="item">
                    <img src="https://img.imgdb.cn/item/603ce3845f4313ce256bc552.png">
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <section>
        <div class="title">
            <p>WELCOME TO NEWMAN</p>
            <div class="under-line"></div>
            <p>纽曼公司创立于1996年，现有员工2000余人，是一家集研发、制造、销售、服务为一体的中国高新技术企业。公司研发及生产体系健全，拥有湖南、北京和深圳三大中心。经过17年的发展，凭借强大的研发力量及资源整合能力，纽曼已拥有目前中国数码行业较为完整产品体系。产品跨越专业及消费数码产品领域。
            </p>
        </div>
        <ul class="information">
            <li>
                <img src="https://img.imgdb.cn/item/603e298c360785be54484a5d.gif">
                <p>优秀的企业文化能给企业注入蓬勃的活力，是企业的灵魂。纽曼十分注重自身企业文化建设，将企业文化的精髓传递给每一位员工。</p>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/603e298c360785be54484a62.gif">
                <p>纽曼历年来坚持不懈地努力，以品质求生存，以创新谋发展，从而打造出众多经典产品，得到了用户以及行业媒体的普遍肯定与褒奖。</p>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/603e298c360785be54484a69.gif">
                <p>纽曼长期以来将科学化管理放在首位，并将产品质量视为企业命脉，经过长期不懈的系统化学习和实践，逐步通过了ISO9001质量管理体系认证。</p>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/603e298c360785be54484a57.png">
                <p>纽曼一直以来把产品技术研发创新作为产品的核心竞争力，组建了一支专业的、国际化的研发团队，拥有专业研发技术人员近300名。</p>
            </li>
        </ul>
        <div class="title">
            <p>PRODUCTION CENTER</p>
            <div class="under-line"></div>
            <p>
                纽曼经过十余年的发展，已经成为中国家电行业著名品牌之一，纽曼品牌：NewPad平板电脑、纽曼车Pad、纽曼饮水机、纽曼冰箱、洗衣机等连续数年国内市场占有率前列，纽曼品牌IT产品的市场占有率在国内都名列逐年上升。
            </p>
        </div>
    </section>
    <div class="puduct">
        <img src="https://img.imgdb.cn/item/603e31d9360785be544b88af.png" alt="">
    </div>
    <section>
        <div class="title">
            <p>NEWS CENTER</p>
            <div class="under-line"></div>
            <p>
                纽曼品牌数年来培育了数千万忠实用户，特别是得到了中国广大年轻用户的喜爱和认可，纽曼公司拥有一大批经验丰富的市场和品牌推广团队，每年拥有数千万的市场和品牌推广资金。
            </p>
        </div>
        <div class="news">
            <div class="news-left">
                <img src="https://img.imgdb.cn/item/603f58fa360785be54c725e7.png">
            </div>
            <div class="news-right">
                <div class="time-box">
                    <span>15</span>
                    <div class="time-bottom"><span>2016-03</span></div>
                </div>
                <div class="news-title">
                    <span>AWE2016开幕，企业巨头竞相争艳，大咖云集</span>
                    <p>2016年3月9日9:30，由中国家电协会主办的中国家电及消费电子博览会—上海2016在上海新国际博览中心隆重开幕。在这个全球瞩目、亚太区最大规模的家电展会上......</p>
                </div>
                <div class="news-text">
                    <ul>
                        <li>三大“黑科技”锁定中国消费者的心<span>2016-03-15</span></li>
                        <li>正品控宣言：让商品拥有独一无二的身份证<span>2016-03-15</span></li>
                        <li>2016AWE：方太最全智能嵌入式厨电套系亮相<span>2016-03-15</span></li>
                        <li>美的焖香鼎釜IH智能电饭煲全球首发<span>2016-03-15</span></li>
                        <li>AWE2016盛大开幕 释放家电业“引力波”<span>2016-03-15</span></li>
                        <li>2016年中国家电发展高峰论坛文字实录<span>2016-03-15</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="title">
            <p>VIDEO CENTER</p>
            <div class="under-line"></div>
            <p>
                纽曼现已成为目前中国家电行业最知名的品牌之一，先后获得包括中央电视台、《财经时报》、新浪网、网易、品牌中国等国内几十家专业媒体及权威评奖机构所评出的近百个大奖。
            </p>
        </div>
    </section>
    <div class="life">
        <img src="https://img.imgdb.cn/item/603f79b9360785be54d81fe3.png" alt="">
    </div>
    <footer>
        <div class="footer">
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">企业荣誉</a></li>
                <li><a href="">资格认证</a></li>
                <li><a href="">研发生产</a></li>
            </ul>
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">企业荣誉</a></li>
                <li><a href="">资格认证</a></li>
                <li><a href="">研发生产</a></li>
            </ul>
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">企业荣誉</a></li>
                <li><a href="">资格认证</a></li>
                <li><a href="">研发生产</a></li>
            </ul>
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">企业荣誉</a></li>
                <li><a href="">资格认证</a></li>
                <li><a href="">研发生产</a></li>
            </ul>
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">企业荣誉</a></li>
                <li><a href="">资格认证</a></li>
                <li><a href="">研发生产</a></li>
            </ul>
            <div class="liuyan-box">
                <input type="text" value="请输入您的姓名">
                <input type="text" value="请输入您的联系方式">
                <input type="text" value="请输入您的留言">
                <input type="submit" value="提交">
            </div>
        </div>
        <div class="copyright">
            <p>Copyright©2016WenCun.com All Rights Reserved &nbsp;&nbsp;&nbsp;Design by WenCun 粤ICP备13005446号-1</p>
        </div>
    </footer>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $('.carousel').carousel({
            interval: 2000
        })
    </script>
</body>

</html>